import React from 'react';
import 'antd/dist/antd.css'
import {Row,Col,Typography,Divider} from 'antd'
import './buttom.css'
import icon1 from '../../assets/images/facebook-807588_640.png'
import icon2 from '../../assets/images/follow-826033_640.png'
import icon3 from '../../assets/images/icon-720944_640.png'
import icon4 from '../../assets/images/microsoft-80658_640.png'
import {useTranslation} from 'react-i18next'
function Buttom() {
    const {t}=useTranslation();
    return (
        <div className="buttom">
            <Divider plain><Typography.Title level={3}>{t("home_page.joint_venture")}</Typography.Title></Divider>
            <Row>
                <Col span={6}>
                    <img src={icon1} className="buttomimg"/>
                </Col>
                <Col span={6}>
                    <img src={icon2} className="buttomimg"/>
                </Col>
                <Col span={6}>
                    <img src={icon3} className="buttomimg"/>
                </Col>
                <Col span={6}>
                    <img src={icon4} className="buttomimg"/>
                </Col>
            </Row>
        </div>
    )
}
export default Buttom